<template>
  <w-dropbox :multiple="!true" :cancelable="!true" @change="onchange">
    <w-option v-for="item in dropboxOptions" :key="item.value" :value="item.value" :text="item.text" :disabled="item.disabled"></w-option>
  </w-dropbox>
</template>

<script>
  export default {
    data() {
      return {
        dropboxOptions: [],
      }
    },
    methods: {
      onchange(e, v) {
        //console.log($.vm(this).fv('dropbox'))
      },
    },
    mounted() {
      setTimeout(() => {
        this.dropboxOptions = [{
              text: '音乐音乐音乐音乐音乐音乐音乐音乐音乐音乐音乐音乐',
              value: '001'
            },
            {
              text: '美术1',
              value: '002'
            },
            {
              text: '体育1',
              value: '003'
            },
            {
              text: '004',
              value: '004'
            },
            {
              text: '005',
              value: '005'
            },
            {
              text: '006',
              value: '006',
              disabled: true
            },
          ]
      })

    }
  }
</script>

<style scoped>
</style>
